let tableIns;
let tree;
layui.use(['element', 'form', 'table', 'layer', 'laydate', 'tree', 'util'], function () {
    let table = layui.table;
    let form = layui.form;//select、单选、复选等依赖form
    let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
    let laydate = layui.laydate;
    tree = layui.tree;
    let height = document.documentElement.clientHeight - 60;
    var card='X';
    tableIns = table.render({
        elem: '#authTable'
        , url:  '/person/info/list/page'
        ,where:{cardStatus:  'X'}
        , method: 'POST'
        //请求前参数处理
        , request: {
            pageName: 'page' //页码的参数名称，默认：page
            , limitName: 'rows' //每页数据量的参数名，默认：limit

        }
        , response: {
            statusName: 'flag' //规定数据状态的字段名称，默认：code
            , statusCode: true //规定成功的状态码，默认：0
            , msgName: 'msg' //规定状态信息的字段名称，默认：msg
            , countName: 'records' //规定数据总数的字段名称，默认：count
            , dataName: 'rows' //规定数据列表的字段名称，默认：data
        }
        //响应后数据处理
        , parseData: function (res) { //res 即为原始返回的数据
            var data = res.data;
            return {
                "flag": res.flag, //解析接口状态
                "msg": res.msg, //解析提示文本
                "records": data.records, //解析数据长度
                "rows": data.rows //解析数据列表
            };
        }
        , toolbar: '#toolbarAuth'
        , title: '认证列表'
        , cols: [[
            {field: 'personId', title: 'personId' , hide : true}
            , {field: 'personName', title: '姓名'}
        	, {field: 'cardCode', title: '身份证'}
            , {field: 'mobile',title: '联系手机'}
            , {field: 'cardStatus',title: '认证状态', hide: true}
            , {field: 'cardImgOne', title: '身份证正面', templet: '#imgtmp'}
            , {field: 'cardImgTwo', title: '身份证反面', templet: '#imgtmpT'}
            , {field: 'createTime', title: '创建时间'}
            , {field: 'updateTime', title: '操作时间'}
            , {field: 'signImg', title: '在线签名',templet: '#auto'}
            , {field: 'authImg', title: '人脸照片',templet: '#face'}
            ,{fixed: 'right', title:'操作', toolbar: '#barBtn', width:150}
        ]]
        , defaultToolbar: ['filter', 'exports', 'print']
        , page: true
        , height: height
        , cellMinWidth: 80
    });

    //头工具栏事件
    table.on('toolbar(authTable)', function (obj) {
        switch (obj.event) {
            case 'getData_X': // 核审中列表数据
            	var personName=$("#personName").val();
                var startDate=$("#queryByStartDate").val();
                var endDate=$("#queryByEndDate").val();
                var iphone=$("#iphone").val();
                var cardCode=$("#cardCode").val();
                table.reload('authTable', {
                    url:'/platform/grant/queryPersonInfo'
                    , where: {
                    	cardStatus: 'X',
                        'personName':personName,
                        'startDate':startDate,
                        'endDate':endDate,
                        'cardCode':cardCode,
                        'iphone':iphone,
                    }
                    , page: {
                        curr: 1
                    }
                });
                card='X';
                $(".layui-btn").removeClass("layui-btn-normal");
                $("#queryStaX").addClass("layui-btn-normal");
                break;
            case 'getData_Y': // 已通过认证数据列表
            	var personName=$("#personName").val();
                var startDate=$("#queryByStartDate").val();
                var endDate=$("#queryByEndDate").val();
                var iphone=$("#iphone").val();
                var cardCode=$("#cardCode").val();
                table.reload('authTable', {
                    url:'/platform/grant/queryPersonInfo'
                    , where: {
                    	cardStatus: 'Y',
                        'personName':personName,
                        'startDate':startDate,
                        'endDate':endDate,
                        'cardCode':cardCode,
                        'iphone':iphone,
                    }
                    , page: {
                        curr: 1
                    }
                });
                card='Y';
                $(".layui-btn").removeClass("layui-btn-normal");
                $("#queryStaY").addClass("layui-btn-normal");
                break;
            case 'getData_N': //  未通过认证数据列表
            	var personName=$("#personName").val();
                var startDate=$("#queryByStartDate").val();
                var endDate=$("#queryByEndDate").val();
                var cardCode=$("#cardCode").val();
                var iphone=$("#iphone").val();
                table.reload('authTable', {
                    url:'/platform/grant/queryPersonInfo'
                    , where: {
                    	cardStatus: 'N',
                        'personName':personName,
                        'startDate':startDate,
                        'endDate':endDate,
                        'cardCode':cardCode,
                        'iphone':iphone,
                    }
                    , page: {
                        curr: 1
                    }
                });
                card='N';
                $(".layui-btn").removeClass("layui-btn-normal");
                $("#queryStaN").addClass("layui-btn-normal");
                break;
        }
    });

    //监听行工具事件
    table.on('tool(authTable)', function (obj) {
        let data = obj.data;
        //通过
        if (obj.event === 'adopt') {
            layer.confirm('确认通过该认证吗？', function (index) {
                //向服务端发送删除指令
                $.post("/person/info/dealPersonInfo",
                    {personId:data.personId,cardStatus:'Y'}, function (data) {
                        $("#queryStaX").click();
                        layer.close(index);
                    })
            });
        }
        //拒绝
        else if (obj.event === 'refuse') {
            	layer.open({
                    type: 2,
                    title: '填写拒绝认证原因',
                    closeBtn: 1, //显示关闭按钮
                    anim: 2,
                    area: ['800px', '450px'],
                    shadeClose: true, //开启遮罩关闭
                    content: '/person/info/personInforefuse?personId='+data.personId,
                    success: function (layero, index) {
                    }
                    	
                });
        }
        
      //下载自由职业者协议
        else if (obj.event === 'downAgree') {
        	window.open("/person/info/downAgree?personId="+data.personId);
        }
        
    });
    
    
    /* 监听提交 */
    form.on('submit(user-savess)', function(data){
        //向服务端发送删除指令
        $.post("/person/info/dealPersonInfo",
            {personId:data.field.personId,cardStatus:'N',remark:data.field.remark}, function (data) {
            	layer.alert('已驳回', {icon: 1,closeBtn: 0 },
            			function(){
            	var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
	        	parent.layer.close(index); //再执行关闭
	        	window.parent.$("#queryStaX").click();
               // layer.close(index);
            	});
            })
    });
    

    
    form.on('submit(menu-query)', function (data) {
    	var query='querySta'+card;
    	
     	 // 搜索条件
         var personName=data.field.personName;
         var startDate=data.field.startDate;
         var endDate=data.field.endDate;
         var cardCode=data.field.cardCode;
         var iphone=data.field.iphone;
         
         	// var tel=$("#tel").val();
             table.reload('authTable', {
                 url:'/platform/grant/queryPersonInfo'
                 , where: {
                     'personName':personName,
                     'startDate':startDate,
                     'endDate':endDate,
                     'cardCode':cardCode,
                     'iphone':iphone,
                 }
                 , page: {
                     curr: 1
                 }
             });
             $(".layui-btn").removeClass("layui-btn-normal");
             $("#"+query+"").addClass("layui-btn-normal");
             return false;
         
    });
    
    
    //日期选择器
    startDateIns = laydate.render({
        elem: '#queryByStartDate',
        format: "yyyy-MM-dd",
        trigger: 'click'
    });

    
    //日期选择器
    endDateIns = laydate.render({
        elem: '#queryByEndDate',
        format: "yyyy-MM-dd",
        trigger: 'click'
    });



});

function show_img(t) {
    var t = $(t).find("img");
    //页面层
    layer.open({
        type: 1,
        skin: 'layui-layer-rim', //加上边框
        area: ['80%', '80%'], //宽高
        shadeClose: false, //开启遮罩关闭
        end: function (index, layero) {
            return false;
        },
        content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'
    });
}
 
